HTML-Tag <audio>

❮ Vorige Nächste ❯

Das Tag <audio> wird fürs Hinzufügen von Audiodateien auf der Webseite verwendet. Da nicht alle Browser alle Audioformate unterstützen, werden die Audiodateien durch spezielle Codecs verschlüsselt.

Das Tag <source> oder das Attribut src wird verwendet, um die Variationen derselben Audiodatei anzuzeigen. Der Pfad zu einer Audiodatei kann eine absolute oder relative URL enthalten.

Syntax

Das Tag <audio> wird gepaart verwendet, sein Inhalt wird zwischen den Start- (<audio>) und Endtags (</audio>) geschrieben.

<audio>
  <source src="URL" >
  <source src="URL" >
</audio>

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <audio controls>
      <source src="/build/audios/jingle_bells.ogg" type="audio/ogg">
      <source src="/build/audios/audio.mp3" type="audio/mpeg">
    </audio>
    <p>Klicken Sie auf den Button "Abspielen"</p>
  </body>
</html>

Versuch es selber!

Attribute

Das Tag <audio> hat Attribute, die den Pfad zur Audiodatei, die Art und Weise, wie die Audiodatei abgespielt werden soll usw. angeben.

controls autoplay, loop und muted. Beim Verwenden von Attributen können deren Werte weggelassen werden. Wenn das Attribut angegeben ist, dann gilt diese Funktion voreingestellt als aktiviert.

Attribut	Wert	Beschreibung
autoplay	autoplay	Es spielt die Audiodatei automatisch nach dem Hochladen der Seite ab.
controls	controls	Es stellt das Paneel der Verwaltung (Startbutton, Scrollen, den Regler der Lautstärke) dar. Falls das Attribut controls fehlt, so wird die Audiodatei auf der Seite nicht dargestellt werden.
loop	loop	Es spielt die Audiodatei nach seinem Ende noch einmal ab.
muted	muted	Es schaltet den Ton beim Abspielen der Musik ab.
preload	auto metadata none	Die Wiedergabe wird nach dem Hochladen der Seite anfangen. Es gibt dem Browser an, einen kleinen Teil der Datei hochzuladen, um seine Hauptcharakteristiken zu bestimmen: (Zum Beispiel, den Umfang der Datei). Die Wiedergabe wird nur nach dem Mausklick auf den entsprechenden Button anfangen.
src	URL	Es weist den Weg zur Audiodatei.